.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
/* color */
.main-color {
  color: #409eff;
}
.success-color {
  color: #67c23a;
}
.warning-color {
  color: #e6a23c;
}
.info-color {
  color: #909399;
}

.primary-text {
  color: #303133;
}
.common-text {
  color: #606266;
}
.secondary-text {
  color: #909399;
}
.placeholder-text {
  color: #c0c4cc;
}
.text-center {
  text-align: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
}
